<style type="text/css">
    .content{
        width: 750px;
        height: 400px;
        border: 1px solid #ccc;
        position: absolute;
        top: 200px;
        left: 340px;
    }
    .row1{
        width: 750px;
        height: 40px;
        position: relative;
        left: -16px;
        border-bottom: 1px solid #aaa;
    }
    .row1-text{
        margin-left: 30px;
        font-size: 20px;
        font-family: "Microsoft YaHei", Verdana, sans-serif, "SimSun";
    }


    .row2,.row3,.row4{
        margin-left: 130px;
      width: 40% !important;
        margin-top: 20px;

    }

    .row2-input,.row3-input,.row4-input{
        margin-left: 10px;
        width: 270px;
        height: 34px;
        margin-top: -13px;
    }

    .saveBtn button {
        width: 120px;
        height: 36px;
        background-color: #000;
        color: #fff;
        border-style: none;
        border-radius: 3px;
         position: absolute;top: 350px;
        right: 80px;
    }
    .marketDe{
        margin-left: 3%;
        margin-top: -10px;

    }
    .marketDe span{
        margin-left: 8px;
        color: #67a8ce;
        font-size: 21px;
        font-weight: bold;
        position: relative;
        top: 5px;
    }
    .choice select{
        width: 180px;height: 40px;
        border-style: none;
        border-radius: 3px;
        border: 1px solid #ccc;
        margin-left: 35%;
        margin-top: 40px;

    }
</style>
<ul class="nav nav-tabs">
    <li class="active"><a href="#year1" data-toggle="tab">第一年度</a></li>
    <li><a href="#year2" data-toggle="tab">第二年度</a></li>
    <li><a href="#year3" data-toggle="tab">第三年度</a></li>
</ul>

  <div class="choice">
      <select id="selectgroup1">
          <option data-id="undefined">下拉选择公司 </option>
          <%for(i=0;i<dataGroup.length;i++){%>
          <option data-id="<%=dataGroup[i].mid%>"><%=dataGroup[i].group_name %></option>
          <%}%>
      </select>
</div>

<div class="tab-content">
    <input id="year_id_hidden" type="hidden" value="1" />
    <div id="year1" class="tab-pane fade in active content" >

        <div class="row1">
            <div class="marketDe">
                <img src="/images/blue-point.png">
                <span>其他决策</span>
            </div>
        </div>
      <form id="form1">
        <div class="form-group has-error row2">
            <label for="exampleInputEmail1" >贴现</label>
            <input type="type" class="form-control  row2-input" id="" placeholder="" check-type="number">
        </div>
        <div class="form-group has-error row3">
            <label for="exampleInputEmail1" >保险</label>
            <input type="type" class="form-control  row3-input" id="" placeholder="" check-type="number">
        </div>
        <div class="form-group has-error row4">
            <label for="exampleInputEmail1" >罚金</label>
            <input type="type" class="form-control  row4-input" id="" placeholder="" check-type="number">
        </div>


        <div class="saveBtn" id="btnSave1">
            <button >保存</button>
        </div>
      </form>
    </div>


    <div id="year2" class="tab-pane fade in active content" >

        <div class="row1">
            <div class="marketDe">
                <img src="/images/blue-point.png">
                <span>其他决策</span>
            </div>
        </div>
        <form id="form2">
            <div class="form-group has-error row2">
                <label for="exampleInputEmail1" >贴现</label>
                <input type="type" class="form-control  row2-input" id="" placeholder="" check-type="number">
            </div>
            <div class="form-group has-error row3">
                <label for="exampleInputEmail1" >保险</label>
                <input type="type" class="form-control  row3-input" id="" placeholder="" check-type="number">
            </div>
            <div class="form-group has-error row4">
                <label for="exampleInputEmail1" >罚金</label>
                <input type="type" class="form-control  row4-input" id="" placeholder="" check-type="number">
            </div>


            <div class="saveBtn" id="btnSave2">
                <button >保存</button>
            </div>
        </form>
    </div>
    <div id="year3" class="tab-pane fade in active content" >

        <div class="row1">
            <div class="marketDe">
                <img src="/images/blue-point.png">
                <span>其他决策</span>
            </div>
        </div>
        <form id="form3">
            <div class="form-group has-error row2">
                <label for="exampleInputEmail1" >贴现</label>
                <input type="type" class="form-control  row2-input" id="" placeholder="" check-type="number">
            </div>
            <div class="form-group has-error row3">
                <label for="exampleInputEmail1" >保险</label>
                <input type="type" class="form-control  row3-input" id="" placeholder="" check-type="number">
            </div>
            <div class="form-group has-error row4">
                <label for="exampleInputEmail1" >罚金</label>
                <input type="type" class="form-control  row4-input" id="" placeholder="" check-type="number">
            </div>


            <div class="saveBtn" id="btnSave3">
                <button >保存</button>
            </div>
        </form>
    </div>
</div>


<script type="text/javascript">
    $(function(){
        $("#form1").validation({icon:true});
        $("#form2").validation({icon:true});
        $("#form3").validation({icon:true});
    })





</script>